<template>
  <div class="User">
    <!-- <h1>User</h1> -->
    <router-view />
  </div>
</template>

<script>
// import { mapState } from "vuex";
// import { mapMutations } from "vuex";
export default {
  name: "User",
  methods: {
    add() {
      console.log(this);
      console.log(this.$router);
      this.$router.push("/user/index/add");
    },
  },
  // methods: {
  //   ...mapMutations(["setUsers"]),

  //   add() {
  //     console.log(this);
  //     console.log(this.$router);
  //     this.$router.push("/user/add");
  //   },
  // },
  // data() {
  //   return {};
  // },
  // computed: {
  //   ...mapState(["users"]),
  // },
  // created() {
  //   this.$axios
  //     .post("/user/list", {})
  //     .then((response) => {
  //       let _this = this;
  //       _this.$store.commit("setUsers", response.data.data);
  //     })
  //     .catch(function (error) {
  //       console.log(error);
  //     });
  // },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.top {
  text-align: right;
}

/* .el-button {
  margin-bottom: 10px;
} */
.User {
  height: 100%;
}
</style>
